<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
   <title>佐心，教家长做父母</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="assets/css/index.css?v=2.3">
    <link rel="stylesheet" href="assets/css/menu.css?v=2.3">
    <link rel="stylesheet" href="assets/css/service_market.css?v=2.3">
    <script>
    	    /** 
     * 返回前一页（或关闭本页面） 
     * <li>如果没有前一页历史，则直接关闭当前页面</li> 
     */  
    function goBack(){  
        if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ // IE  
            if(history.length > 0){  
                window.history.go( -1 );  
            }else{  
                location.href="${ctx}/index.jsp";
            }  
        }else{ //非IE浏览器  
            if (navigator.userAgent.indexOf('Firefox') >= 0 ||  
                navigator.userAgent.indexOf('Opera') >= 0 ||  
                navigator.userAgent.indexOf('Safari') >= 0 ||  
                navigator.userAgent.indexOf('Chrome') >= 0 ||  
                navigator.userAgent.indexOf('WebKit') >= 0){  
      
                if(window.history.length > 1){  
                    window.history.go( -1 );  
                }else{  
                    location.href="${ctx}/index.jsp";
                }  
            }else{ //未知的浏览器  
                window.history.go( -1 );  
            }  
        }  
    }  
    </script>
</head>
<body class="bg-white">

<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
    <div class="am-header-left am-header-nav">
        <a  onclick="goBack();"  >
            <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title margin-10s">
        <div class="search">
            <input type="search" id="txtsearch" placeholder="请输入关键字搜索">
            <!-- <i class="icon_14 am-hide"></i> -->
        </div>
    </h1>
    <div class="am-header-right am-header-nav">
        <a class="widht-10s">
            <i class="icon_121" id="soso"></i>
        </a>
    </div>

</header>

<section class="am-padding-bottom-sm" id="amz-main" data-tag="css-nav">

    <div class="icon_26 am-text-center font-color-12 margin-top-20">
        咨询师领域
    </div>

    <div class="am-g am-container am-g-collapse font-color-15 am-margin-top-lg">
        <!--1-->
        <div id="dd1" class="am-u-sm-6 border-right border-bottom am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=1'">
            <div class="icon_99"></div>
            <div class="am-margin-top-sm am-text-center" id="d1">学业倦怠</div>
        </div>
        <div id="dd3" class="am-u-sm-6 border-bottom am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=3'">

            <div class="icon_101"></div>
            <div class="am-margin-top-sm am-text-center" id="d3">教育理念</div>

        </div>
        <!--2-->
        <div  id="dd2" class="am-u-sm-6 border-right am-padding-top-sm border-bottom am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=2'">
            <div class="icon_100"></div>
            <div class="am-margin-top-sm am-text-center" id="d2">亲子关系</div>
        </div>
        <div id="dd4"  class="am-u-sm-6 border-bottom am-padding-top-sm am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=4'">
            <div class="icon_102"></div>
            <div class="am-margin-top-sm am-text-center" id="d4">学习习惯</div>
        </div>
        <!--3-->
        <div  id="dd5" class="am-u-sm-6 border-right am-padding-top-sm border-bottom am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=5'">
            <div class="icon_103"></div>
            <div class="am-margin-top-sm am-text-center" id="d5">人际关系</div>
        </div>
        <div  id="dd6" class="am-u-sm-6 border-bottom am-padding-top-sm am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=6'">
            <div class="icon_104"></div>
            <div class="am-margin-top-sm am-text-center" id="d6">沉迷网络</div>
        </div>
        <!--4-->
        <div  id="dd7" class="am-u-sm-6 border-right am-padding-top-sm  am-padding-bottom-sm " onclick="window.location.href='goCounseKu?counseType=7'">
            <div class="icon_106"></div>
            <div class="am-margin-top-sm am-text-center" id="d7">情绪管理</div>
        </div>
        <div  id="dd8" class="am-u-sm-6 am-padding-top-sm  am-padding-bottom-sm" onclick="window.location.href='goCounseKu?counseType=8'">
            <div class="icon_105"></div>
            <div class="am-margin-top-sm am-text-center" id="d8">自控能力</div>
        </div>
    </div>

</section>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script>
  $(function () {
  	 $("#soso").on("click", function () {
  	 	
  	 	for(var i=1;i<=8;i++){
 	 		$("#dd"+i).show();
	  	}
  	 	var txt=$("#txtsearch").val();
  	 	if(""!=txt){
	  	 	for(var i=1;i<=8;i++){
	  	 		if($("#d"+i).text().indexOf(txt)<0){
	  	 			$("#dd"+i).hide();
	  	 		}
	  	 	}
  	 	}
  	 });
  });
</script>
</body>
</html>